﻿<!DOCTYPE html>
<!--[if IE 8 ]>
<html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"><!--<![endif]-->
<head>

    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8"/>
    <title>个人信息</title>

    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" href="css/colors/green.css" th:href="@{/css/colors/green.css}" id="colors"/>

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


    <!-- Header
        ================================================== -->
    <div th:replace="fragments/header :: header"></div>


    <!-- Titlebar
        ================================================== -->
    <section class="titlebar">
        <div class="container">
            <div class="sixteen columns">
                <h2>个人信息</h2>

                <div th:replace="fragments/accountbar :: accountbar"></div>

            </div>
        </div>
    </section>


    <!-- Container -->
    <div class="container">


        <div class="twelve columns">
            <div class="extra-padding">


                <!-- Add Comment
                ================================================== -->

                <h3 class="headline">个人信息</h3><span class="line margin-bottom-35"></span><div class="clearfix"></div>

                <!-- Add Comment Form -->
                <form method="post" id="add-comment" class="add-comment" th:action="@{updateUserInfo}" th:object="${user}">

                        <br></br>
                        <div>
                            <label th:text="'注册手机号：'+ ${user.phone}">注册手机号: 12312345678 <span>*</span></label>
                        </div>
                        <br></br>

                        <div>
                            <label>用户名: <span>*</span></label>
                            <input type="text" value="" th:field="*{username}" th:value="${user.username}" />
                        </div>

                        <div>
                            <label>邮箱:</label>
                            <input type="text" value="" th:field="*{email}" th:value="${user.email}"/>
                        </div>

                        <div>
                            <label>真实姓名:</label>
                            <input type="text" value="" th:field="*{realname}" th:value="${user.realname}"/>
                        </div>

                        <div>
                            <label>性别:</label>
                            <input type="text" value="" th:field="*{sex}" th:value="${user.sex}"/>
                        </div>

                        <div>
                            <label>生日:</label>
                            <input type="text" value="" th:field="*{birthday}" th:value="${user.birthday}" placeholder="格式：年-月-日，例：2017-01-01" />
                        </div>

                        <input type="submit" class="button" name="save" value="保存" />
                        <div class="clearfix"></div>

                </form>
            </div>
        </div>


        <!-- Sidebar
        ================================================== -->
        <div class="four columns">
            <div class="widget margin-top-0">
                <form method="post" th:object="${user}">
                    <h3 class="headline">头像</h3><span class="line"></span>
                    <div class="clearfix"></div>
                    <p>
                    <div class="happy-clients-photo"><img src="images/headportrait/h_pig2guang.jpg"
                                                          th:src="@{'/images/' + ${user.head_portrait}}" alt=""/></div>
                    </p>
                </form>
            </div>
        </div>


    </div>
    <!-- Container / End -->


    <div class="margin-top-40"></div>


    <!-- Footer
        ================================================== -->
    <div th:replace="fragments/footer :: footer"></div>


</div>


<!-- Java Script
================================================== -->
<div th:replace="fragments/scripts :: scripts"></div>


<!-- Style Switcher
================================================== -->
<div th:replace="fragments/styleswitcher :: styleswitcher"></div>


</body>
</html>